<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>查看订货单</title>
    <meta name="description" content="这是一个form页面">
    <meta name="keywords" content="form">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="../../assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="../../assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="../../assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../../assets/css/admin.css">
    <style>
        /*<!--        防止加载过慢时显示未渲染的页面 -->*/
        [v-cloak]{
            display:none !important;
        }
        .bb{
            background-color:cornsilk;
        }
        .cc{
            background-color: lightblue;
        }
        .colors{
            background-color: coral;
        }
        [v-cloak]{
            display: none;
        }
    </style>
</head>
<style>
    th{
        text-align: center;
    }
</style>
<body>
<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
    以获得更好的体验！</p>
<![endif]-->
<div id="box1">
<header class="am-topbar admin-header">
    <div class="am-topbar-brand">
        <strong>Amaze UI</strong> <small>后台管理模板</small>
    </div>

    <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>

    <div class="am-collapse am-topbar-collapse" id="topbar-collapse">

        <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">
            <li class="am-dropdown" data-am-dropdown>
                <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;" v-cloak>
                    <span class="am-icon-users" id="adminname"></span> <span class="am-icon-caret-down"></span>
                </a>
                <ul class="am-dropdown-content">
                    <li><a href="#" id="tuichu"><span class="am-icon-power-off" ></span> 退出</a></li>
                </ul>
            </li>
            <li><a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span> 开启全屏</a></li>
        </ul>
    </div>
</header>

<div class="am-cf admin-main" >
    <div class="admin-sidebar" id="daohang">
        <ul class="am-list admin-sidebar-list" id="accordion">
            <li v-if="isShow(27)"><a href="../../管理员.html"><span class="am-icon-user"></span> 管理员设置</a></li>
            <li v-if="isShow(7)"><a href="../../后台主页.html"><span class="am-icon-home"></span> 首页</a></li>
            <li class=" am-panel admin-parent" v-if="isShow(1)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-2'}">
                    <svg id="icon-goods-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M153.6 51.2h716.8c56.32 0 102.4 46.08 102.4 102.4v716.8c0 56.32-46.08 102.4-102.4 102.4H153.6c-56.32 0-102.4-46.08-102.4-102.4V153.6c0-56.32 46.08-102.4 102.4-102.4z" fill="#A1B8C2"></path><path d="M153.6 51.2h716.8c56.32 0 102.4 46.08 102.4 102.4v716.8c0 56.32-46.08 102.4-102.4 102.4H153.6c-56.32 0-102.4-46.08-102.4-102.4V153.6c0-56.32 46.08-102.4 102.4-102.4z m0 51.2c-30.72 0-51.2 20.48-51.2 51.2v716.8c0 30.72 20.48 51.2 51.2 51.2h716.8c30.72 0 51.2-20.48 51.2-51.2V153.6c0-30.72-20.48-51.2-51.2-51.2H153.6z" fill="#6D8994"></path><path d="M353.28 435.2V460.8c0 97.28 71.68 179.2 158.72 179.2s158.72-81.92 158.72-179.2v-25.6c-5.12-10.24-5.12-15.36-5.12-25.6 0-30.72 20.48-51.2 51.2-51.2s51.2 20.48 51.2 51.2-20.48 51.2-51.2 51.2c0 128-92.16 230.4-204.8 230.4s-204.8-102.4-204.8-230.4c-30.72 0-51.2-20.48-51.2-51.2s20.48-51.2 51.2-51.2 51.2 20.48 51.2 51.2c0 10.24 0 15.36-5.12 25.6z" fill="#FFFFFF"></path></svg>
                    商品<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-2">
                    <li v-if="isShow(8)"><a href="/html/wares/商品列表.html">商品列表</a></li>
                    <li v-if="isShow(9)"><a href="/html/wares/基础信息.html">基础信息</a></li>
                </ul>
            </li>
            <li class=" am-panel admin-parent" v-if="isShow(2)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-3'}">
                    <svg id="icon-sell-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M414.72 1024H153.6c-56.32 0-102.4-46.08-102.4-102.4V102.4c0-56.32 46.08-102.4 102.4-102.4h261.12c10.24 30.72 40.96 51.2 71.68 51.2s61.44-20.48 71.68-51.2H819.2c56.32 0 102.4 46.08 102.4 102.4v819.2c0 56.32-46.08 102.4-102.4 102.4h-261.12c-10.24-30.72-40.96-51.2-71.68-51.2s-61.44 20.48-71.68 51.2z" fill="#A1B8C2"></path><path d="M153.6 1024c-56.32 0-102.4-46.08-102.4-102.4V102.4c0-56.32 46.08-102.4 102.4-102.4h261.12c10.24 30.72 40.96 51.2 71.68 51.2s61.44-20.48 71.68-51.2H819.2c56.32 0 102.4 46.08 102.4 102.4v819.2c0 56.32-46.08 102.4-102.4 102.4h-261.12c-10.24-30.72-40.96-51.2-71.68-51.2s-61.44 20.48-71.68 51.2H153.6z m332.8-102.4c40.96 0 76.8 20.48 102.4 51.2H819.2c30.72 0 51.2-20.48 51.2-51.2V102.4c0-30.72-20.48-51.2-51.2-51.2h-230.4c-25.6 30.72-61.44 51.2-102.4 51.2s-76.8-20.48-102.4-51.2H153.6c-30.72 0-51.2 20.48-51.2 51.2v819.2c0 30.72 20.48 51.2 51.2 51.2h230.4c25.6-30.72 61.44-51.2 102.4-51.2zM768 51.2h51.2v51.2h-51.2V51.2z m0 870.4h51.2v51.2h-51.2v-51.2z m0-768h51.2v102.4h-51.2V153.6z m0 153.6h51.2v102.4h-51.2V307.2z m0 153.6h51.2v102.4h-51.2V460.8z m0 153.6h51.2v102.4h-51.2v-102.4z m0 153.6h51.2v102.4h-51.2v-102.4zM153.6 51.2h51.2v51.2H153.6V51.2z m0 870.4v51.2h51.2v-51.2H153.6zM153.6 153.6h51.2v102.4H153.6V153.6z m0 153.6h51.2v102.4H153.6V307.2z m0 153.6h51.2v102.4H153.6V460.8z m0 153.6h51.2v102.4H153.6v-102.4z m0 153.6h51.2v102.4H153.6v-102.4z" fill="#6D8994"></path><path d="M337.92 225.28l179.2 179.2c10.24 10.24 10.24 25.6 0 35.84-10.24 10.24-25.6 10.24-35.84 0L302.08 261.12c-10.24-10.24-10.24-25.6 0-35.84 10.24-10.24 25.6-10.24 35.84 0z" fill="#FFFFFF"></path><path d="M455.68 404.48l179.2-179.2c10.24-10.24 25.6-10.24 35.84 0 10.24 10.24 10.24 25.6 0 35.84L491.52 440.32c-10.24 10.24-25.6 10.24-35.84 0-10.24-10.24-10.24-25.6 0-35.84z" fill="#FFFFFF"></path><path d="M332.8 409.6h307.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-307.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6zM332.8 512h307.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-307.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6z" fill="#FFFFFF"></path><path d="M512 409.6v384c0 15.36-10.24 25.6-25.6 25.6s-25.6-10.24-25.6-25.6V409.6h51.2z" fill="#FFFFFF"></path></svg>
                    订单<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav-3">
                    <li class=" am-panel admin-parent" v-if="isShow(10)">
                        <a class="am-cf" data-am-collapse="{parent: '#collapse-nav-3', target: '#collapse-nav-3-1'}">
                            <span>+&nbsp;&nbsp;&nbsp;</span>订单管理</a>
                        <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav-3-1">
                            <li><a href="/html/order/订货单.html">订货单</a></li>
                            <li><a href="/html/order/代客下单.html">代客下单</a></li>
                        </ul>
                    </li>

                    <li class=" am-panel admin-parent" v-if="isShow(11)">
                        <a class="am-cf" data-am-collapse="{parent: '#collapse-nav-3', target: '#collapse-nav-3-3'}">
                            <span>+&nbsp;&nbsp;&nbsp;</span>退货管理</a>
                        <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-3-3">
                            <li><a href="/html/order/退货单.html">退货单</a></li>
                            <li><a href="/html/order/新增退货单.html">新增退货单</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class=" am-panel admin-parent" v-if="isShow(3)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-4'}">
                    <svg id="icon-client-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M609.098914 322.338445l316.72223 185.160688c14.617949 9.745299 24.363248 19.490599 24.363248 34.108548V1024H73.107449V239.503401c0-14.617949 9.745299-34.108548 24.363249-43.853847L462.919424 10.488866c48.726497-24.363248 107.198293-4.87265 131.561541 43.853847 9.745299 14.617949 14.617949 29.235898 14.617949 43.853847v224.141885z" fill="#A1B8C2"></path><path d="M950.184392 975.273503h24.363249c14.617949 0 24.363248 9.745299 24.363248 24.363249s-9.745299 24.363248-24.363248 24.363248H48.744201c-14.617949 0-24.363248-9.745299-24.363249-24.363248s9.745299-24.363248 24.363249-24.363249H73.107449V239.503401c0-14.617949 9.745299-34.108548 24.363249-43.853847L462.919424 10.488866c48.726497-24.363248 107.198293-4.87265 131.561541 43.853847 9.745299 14.617949 14.617949 29.235898 14.617949 43.853847v224.141885l316.72223 185.160688c14.617949 9.745299 24.363248 19.490599 24.363248 34.108548V975.273503zM121.833946 975.273503h438.538472V98.19656c0-9.745299 0-14.617949-4.87265-24.363248-14.617949-19.490599-43.853847-29.235898-68.217096-19.490599L121.833946 239.503401V975.273503z m487.264968 0h292.358982v-428.793172l-292.358982-165.670089V975.273503z" fill="#6D8994"></path><path d="M730.915157 634.188025c14.617949 0 24.363248 9.745299 24.363248 24.363249v97.452993c0 14.617949-9.745299 24.363248-24.363248 24.363249s-24.363248-9.745299-24.363249-24.363249v-97.452993c0-14.617949 9.745299-24.363248 24.363249-24.363249zM341.103182 244.376051c14.617949 0 24.363248 9.745299 24.363248 24.363248v97.452994c0 14.617949-9.745299 24.363248-24.363248 24.363248S316.739933 380.810242 316.739933 366.192293v-97.452994c0-14.617949 9.745299-24.363248 24.363249-24.363248zM341.103182 488.008535c14.617949 0 24.363248 9.745299 24.363248 24.363248v97.452994c0 14.617949-9.745299 24.363248-24.363248 24.363248s-24.363248-9.745299-24.363249-24.363248v-97.452994c0-14.617949 9.745299-24.363248 24.363249-24.363248zM341.103182 731.641019c14.617949 0 24.363248 9.745299 24.363248 24.363248v97.452994c0 14.617949-9.745299 24.363248-24.363248 24.363248s-24.363248-9.745299-24.363249-24.363248v-97.452994c0-14.617949 9.745299-24.363248 24.363249-24.363248z" fill="#FFFFFF"></path></svg>
                    客户<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-4">
                    <li v-if="isShow(12)"><a href="/html/customer/客户列表.html">客户列表</a></li>
                    <li v-if="isShow(13)"><a href="/html/customer/客户分布.html">客户分布</a></li>
                </ul>
            </li>
            <li class=" am-panel admin-parent" v-if="isShow(4)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-5'}">
                    <svg id="icon-warehouse-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M204.8 1024H102.4c-30.72 0-51.2-20.48-51.2-51.2V486.4C51.2 215.04 256 0 512 0s460.8 215.04 460.8 486.4V972.8c0 30.72-20.48 51.2-51.2 51.2h-102.4c-30.72 0-51.2-20.48-51.2-51.2v-51.2H256v51.2c0 30.72-20.48 51.2-51.2 51.2z" fill="#A1B8C2"></path><path d="M204.8 1024H102.4c-30.72 0-51.2-20.48-51.2-51.2V486.4C51.2 215.04 256 0 512 0s460.8 215.04 460.8 486.4V972.8c0 30.72-20.48 51.2-51.2 51.2h-102.4c-30.72 0-51.2-20.48-51.2-51.2v-51.2H256v51.2c0 30.72-20.48 51.2-51.2 51.2z m0-51.2v-102.4h614.4v102.4h102.4V486.4C921.6 245.76 737.28 51.2 512 51.2S102.4 245.76 102.4 486.4V972.8h102.4z m25.6-204.8h563.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-563.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6z" fill="#6D8994"></path><path d="M230.4 665.6h563.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-563.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6zM230.4 563.2h563.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-563.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6z" fill="#6D8994"></path><path d="M230.4 358.4h204.8c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-204.8c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6zM588.8 358.4h204.8c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-204.8c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6z" fill="#FFFFFF"></path></svg>
                    仓库<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-5">
                    <li v-if="isShow(14)"><a href="/html/warehouse/商品出库.html">商品出库</a></li>
                    <li v-if="isShow(15)"><a href="/html/warehouse/商品入库.html">商品入库</a></li>
                    <li v-if="isShow(16)"><a href="/html/warehouse/商品库存.html">商品库存</a></li>
                    <li v-if="isShow(17)"><a href="/html/warehouse/库存调拨.html">库存调拨</a></li>
                    <li v-if="isShow(18)"><a href="/html/warehouse/出入库明细.html">出入库明细</a></li>
                </ul>
            </li>
            <li class=" am-panel admin-parent" v-if="isShow(5)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-6'}">
                    <svg id="icon-purchase-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M61.44 307.2h906.24c30.72 0 51.2 20.48 51.2 51.2v10.24l-81.92 522.24c-10.24 51.2-51.2 87.04-102.4 87.04H189.44c-51.2 0-92.16-35.84-102.4-87.04L10.24 368.64C5.12 337.92 25.6 312.32 51.2 307.2h10.24z" fill="#A1B8C2"></path><path d="M61.44 307.2h906.24c30.72 0 51.2 20.48 51.2 51.2v10.24l-81.92 522.24c-10.24 51.2-51.2 87.04-102.4 87.04H189.44c-51.2 0-92.16-35.84-102.4-87.04L10.24 368.64C5.12 337.92 25.6 312.32 51.2 307.2h10.24z m0 51.2l81.92 522.24c5.12 25.6 25.6 40.96 51.2 40.96h645.12c25.6 0 46.08-20.48 51.2-40.96L962.56 358.4H61.44z" fill="#6D8994"></path><path d="M481.28 512v286.72c0 15.36 10.24 25.6 25.6 25.6s25.6-10.24 25.6-25.6V512c0-15.36-10.24-25.6-25.6-25.6s-25.6 10.24-25.6 25.6zM230.4 517.12l30.72 286.72c0 15.36 15.36 25.6 25.6 20.48 15.36 0 25.6-15.36 20.48-25.6l-25.6-291.84c0-15.36-15.36-25.6-25.6-20.48-15.36 0-25.6 15.36-25.6 30.72zM783.36 517.12l-30.72 286.72c0 15.36-15.36 25.6-25.6 20.48-15.36 0-25.6-15.36-20.48-25.6l30.72-286.72c0-15.36 15.36-25.6 25.6-20.48 10.24-5.12 20.48 10.24 20.48 25.6z" fill="#FFFFFF"></path><path d="M358.4 102.4h307.2c20.48 0 35.84 10.24 46.08 30.72L819.2 358.4H204.8l107.52-225.28c10.24-20.48 25.6-30.72 46.08-30.72z m307.2 51.2H358.4L286.72 307.2h450.56L665.6 153.6z" fill="#6D8994"></path></svg>                    采购<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-6">
                    <li v-if="isShow(19)"><a href="/html/purchase/采购订单.html">采购订单</a></li>
                    <li v-if="isShow(20)"><a href="/html/purchase/采购退货.html">采购退货</a></li>
                    <li v-if="isShow(21)"><a href="/html/purchase/供应商管理.html">供应商管理</a></li>
                </ul>
            </li>
            <li class=" am-panel admin-parent" v-if="isShow(6)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-7'}">
                    <svg id="icon-finance-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M409.827028 204.345943L307.654057 102.172972c0-56.195134 45.977837-102.172972 102.172971-102.172972s102.172972 45.977837 102.172972 102.172972c0-56.195134 45.977837-102.172972 102.172972-102.172972s102.172972 45.977837 102.172971 102.172972l-102.172971 102.172971s357.605401 229.889186 357.6054 505.75621-408.691887 311.627564-408.691886 311.627564c-61.303783 5.108649-137.933512 0-137.933512 0S52.221628 1011.512419 52.221628 704.993504 409.827028 204.345943 409.827028 204.345943z" fill="#A1B8C2"></path><path d="M563.086486 204.345943c0-15.325946 5.108649-25.543243 15.325946-35.76054l81.738377-81.738377c-5.108649-20.434594-25.543243-35.76054-45.977837-35.76054-30.651891 0-51.086486 20.434594-51.086486 51.086486 0 66.412432-102.172972 66.412432-102.172972 0 0-30.651891-20.434594-51.086486-51.086486-51.086486-20.434594 0-40.869189 15.325946-45.977837 30.651891l81.738377 81.738378c10.217297 15.325946 15.325946 25.543243 15.325946 40.869188h102.172972z m35.76054 51.086486H425.152974h-5.108648c-10.217297 10.217297-25.543243 15.325946-35.760541 25.543243-40.869189 25.543243-81.738377 61.303783-117.498917 91.955675-102.172972 102.172972-163.476755 214.56324-163.476755 332.062157 0 112.390269 56.195134 183.911349 158.368106 224.780538 35.76054 15.325946 76.629729 25.543243 117.498918 30.651892 25.543243 5.108649 40.869189 5.108649 56.195134 5.108648H578.412432c10.217297 0 25.543243-5.108649 40.869188-5.108648 45.977837-10.217297 86.847026-20.434594 132.824863-40.869189 112.390269-45.977837 173.694052-117.498917 173.694052-209.454592 0-102.172972-61.303783-214.56324-163.476754-321.844861-35.76054-40.869189-76.629729-71.52108-117.498918-102.172971-20.434594-10.217297-30.651891-20.434594-45.977837-30.651892zM409.827028 204.345943L307.654057 102.172972c0-56.195134 45.977837-102.172972 102.172971-102.172972s102.172972 45.977837 102.172972 102.172972c0-56.195134 45.977837-102.172972 102.172972-102.172972s102.172972 45.977837 102.172971 102.172972l-102.172971 102.172971s357.605401 229.889186 357.6054 505.75621-408.691887 311.627564-408.691886 311.627564c-61.303783 5.108649-137.933512 0-137.933512 0S52.221628 1011.512419 52.221628 704.993504 409.827028 204.345943 409.827028 204.345943z" fill="#6D8994"></path><path d="M501.782703 561.951344h137.933512c15.325946 0 25.543243 10.217297 25.543242 25.543243s-10.217297 25.543243-25.543242 25.543243H512v51.086486h127.716215c15.325946 0 25.543243 10.217297 25.543242 25.543243s-10.217297 25.543243-25.543242 25.543243H512v127.716214c0 15.325946-10.217297 25.543243-25.543243 25.543243s-25.543243-10.217297-25.543243-25.543243V715.210802H333.1973c-15.325946 0-25.543243-10.217297-25.543243-25.543243s10.217297-25.543243 25.543243-25.543243H460.913514v-51.086486H333.1973c-15.325946 0-25.543243-10.217297-25.543243-25.543243s10.217297-25.543243 25.543243-25.543243h137.933511l-102.172971-107.28162c-10.217297-10.217297-10.217297-30.651891-5.108649-40.869189s25.543243-10.217297 35.76054 0l86.847026 91.955675 86.847026-91.955675c10.217297-5.108649 25.543243-5.108649 35.76054 0 5.108649 10.217297 5.108649 30.651891 0 40.869189L501.782703 561.951344z" fill="#FFFFFF"></path></svg>
                    财务<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-7">
                    <li v-if="isShow(22)"><a href="/html/finance/收款单.html">收款单</a></li>
                    <li v-if="isShow(23)"><a href="/html/finance/付款单.html">付款单</a></li>
                    <li v-if="isShow(24)"><a href="/html/finance/收支流水.html">收支流水</a></li>
                    <li v-if="isShow(25)"><a href="/html/finance/客户对账.html">客户对账</a></li>
                    <li v-if="isShow(26)"><a href="/html/finance/资金账户.html">资金账户</a></li>
                </ul>
            </li>

        </ul>

        <div class="am-panel am-panel-default admin-sidebar-panel">
            <div>
                <p><span class="am-icon-bookmark"></span> 公告</p>
                <p>时光静好，与君语；细水流年，与君同。—— Amaze UI</p>
            </div>
        </div>

        <div class="am-panel am-panel-default admin-sidebar-panel">
            <div>
                <p><span class="am-icon-tag"></span> wiki</p>
                <p>Welcome to the Amaze UI wiki!</p>
            </div>
        </div>
    </div>

    <div class="admin-content">

        <div class="am-tabs-bd">
            <div class="col-md-10 am-cf am-padding">
                <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">订单</strong> / <small>订货单</small> /<small>查看订货单</small></div>
            </div>
        </div>

        <div class="am-tabs am-margin" data-am-tabs="">
            <h1 style="text-align: center;color:red" v-show="order.orderStaId==14">已作废</h1>
            <ul id="ul" class="am-tabs-nav am-nav am-nav-tabs">
                <li id="x" :class = "{'am-active':order.orderStaId==7 && order.orderStaId!=6 || order.orderStaId==1 ||  order.orderStaId==14}"><a href="#tab1">订货单详情</a></li>
                <li :class = "{'am-active':order.orderStaId!=7 && order.orderStaId==8}"><a v-show="order.orderStaId!=7 && order.orderStaId!=1" href="#tab2">收款情况</a></li>
                <li :class = "{'am-active':order.orderStaId==6 || order.orderStaId==3 || order.orderStaId==4 || order.orderStaId==15}"><a v-show="order.orderStaId==6 || order.orderStaId==3 || order.orderStaId==4 || order.orderStaId==15 ||  order.orderStaId==14" href="#tab3">出库情况</a></li>
            </ul>
            <div class="am-g">
                <div class="col-md-6 am-padding">
                    <span class="col-md-1"><svg t="1576134634581" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1176" width="30" height="30"><path d="M820.358 961.352h-622.944c-57.24 0-103.824-46.53-103.824-103.698v-691.308c0-57.186 46.583-103.698 103.824-103.698h622.944c57.24 0 103.824 46.53 103.824 103.698v691.308c0 57.168-46.583 103.698-103.824 103.698zM197.414 131.777c-19.092 0.021-34.568 15.48-34.614 34.565v691.313c0 19.080 15.533 34.56 34.605 34.56h622.944c0.003 0 0.007 0 0.008 0 19.094 0 34.575-15.469 34.597-34.558v-691.31c-0.036-19.088-15.513-34.55-34.604-34.56h-622.936zM648.386 547.497h-381.997c-0.006 0-0.011 0-0.019 0-19.094 0-34.575-15.469-34.597-34.558 0-19.082 15.507-34.562 34.614-34.562h381.997c0.010 0 0.023 0 0.036 0 19.090 0 34.567 15.471 34.578 34.559 0 19.081-15.48 34.561-34.614 34.561zM749.933 753.443h-483.686c-0.007 0-0.018 0-0.027 0-19.093 0-34.573-15.476-34.578-34.568 0.010-19.090 15.488-34.56 34.578-34.56 0.009 0 0.020 0 0.028 0h483.686c0 0 0 0 0 0 19.088 0 34.56 15.473 34.56 34.56 0 19.088-15.473 34.56-34.56 34.56 0 0 0 0 0 0zM231.714 288.773c0.015 28.638 23.235 51.849 51.876 51.849 0.012 0 0.025 0 0.037 0 0.007 0 0.016 0 0.024 0 28.638 0 51.856-23.205 51.876-51.838-0.010-28.644-23.232-51.86-51.876-51.86-0.009 0-0.020 0-0.028 0-0.008 0-0.022 0-0.035 0-28.641 0-51.861 23.21-51.876 51.848zM456.002 288.773c0.015 28.638 23.235 51.849 51.876 51.849 0.012 0 0.025 0 0.038 0 0.008 0 0.021 0 0.035 0s51.856-23.205 51.876-51.838c-0.010-28.644-23.232-51.86-51.876-51.86-0.012 0-0.025 0-0.037 0-0.008 0-0.021 0-0.035 0-28.641 0-51.861 23.21-51.876 51.848zM681.092 288.773c0.015 28.638 23.235 51.849 51.876 51.849 0.012 0 0.025 0 0.037 0 0.008 0 0.022 0 0.035 0s51.856-23.205 51.876-51.838c-0.010-28.644-23.232-51.86-51.876-51.86-0.012 0-0.025 0-0.037 0-0.008 0-0.022 0-0.035 0-28.641 0-51.861 23.21-51.876 51.848z" id="o" p-id="1177"></path></svg>提交</span>
                    <span class="col-md-1"><svg t="1576135071515" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2321" width="30" height="30"><path d="M1024.512 498.688c0-1.536 0-3.072-0.512-5.12-1.024-6.144-4.608-11.776-9.216-15.36l-258.048-258.048c-10.24-10.24-26.112-10.24-36.352 0s-10.24 26.112 0 36.352l216.576 216.576h-912.384c-13.312 0-24.576 11.264-24.576 25.6s10.752 25.6 24.576 25.6h912.384l-216.576 216.576c-10.24 10.24-10.24 26.112 0 36.352 5.12 5.12 11.776 7.68 17.92 7.68s13.312-2.56 17.92-7.68L1014.272 519.168c4.608-3.584 8.192-9.216 9.216-15.36 1.024-2.048 1.024-3.584 1.024-5.12z" id="a" p-id="2322"></path></svg></span>
                    <span class="col-md-1"><svg t="1576135354527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3120" width="30" height="30"><path d="M480 64C215.04 64 0 279.04 0 544 0 808.96 215.04 1024 480 1024S960 808.96 960 544C960 279.04 744.96 64 480 64zM480 960C250.24 960 64 773.76 64 544 64 314.24 250.24 128 480 128 709.76 128 896 314.24 896 544 896 773.76 709.76 960 480 960zM696.96 307.2c12.16-12.16 12.16-32 0-44.16-12.16-12.16-32-12.16-44.16 0L479.36 436.48 307.84 264.96c-12.16-12.16-31.36-12.16-42.88 0-12.16 12.16-12.16 31.36 0 42.88L448 490.88 448 512 288 512C270.08 512 256 526.08 256 544 256 561.92 270.08 576 288 576L448 576l0 128L288 704C270.08 704 256 718.08 256 736 256 753.92 270.08 768 288 768L448 768l0 96C448 881.92 462.08 896 480 896 497.92 896 512 881.92 512 864L512 768l160 0c17.92 0 32-14.08 32-32 0-17.92-14.08-32-32-32L512 704 512 576l160 0C689.92 576 704 561.92 704 544 704 526.08 689.92 512 672 512L512 512 512 492.16 696.96 307.2z" id="b"  p-id="3121"></path></svg>审核</span>
                    <span class="col-md-1"><svg t="1576135071515" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2321" width="30" height="30"><path d="M1024.512 498.688c0-1.536 0-3.072-0.512-5.12-1.024-6.144-4.608-11.776-9.216-15.36l-258.048-258.048c-10.24-10.24-26.112-10.24-36.352 0s-10.24 26.112 0 36.352l216.576 216.576h-912.384c-13.312 0-24.576 11.264-24.576 25.6s10.752 25.6 24.576 25.6h912.384l-216.576 216.576c-10.24 10.24-10.24 26.112 0 36.352 5.12 5.12 11.776 7.68 17.92 7.68s13.312-2.56 17.92-7.68L1014.272 519.168c4.608-3.584 8.192-9.216 9.216-15.36 1.024-2.048 1.024-3.584 1.024-5.12z" id="c" p-id="2322"></path></svg></span>
                    <span class="col-md-1"><svg id="xx1" t="1576135529284" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3869" width="30" height="30"><path d="M842.369507 80.528297h-82.127746v44.877008h82.127746c20.938792 0 37.973227 17.035651 37.973227 37.974443v696.943724c0 20.938792-17.034434 37.973227-37.973227 37.973227H180.595413c-20.938792 0-37.973227-17.034434-37.973227-37.973227V163.379748c0-20.938792 17.034434-37.974443 37.973227-37.974443h82.127746V80.528297H180.595413c-45.757617 0-82.850235 37.093834-82.850235 82.851451v696.943724c0 45.757617 37.093834 82.851451 82.850235 82.851451h661.772877c45.757617 0 82.850235-37.093834 82.850235-82.851451V163.379748c0.001216-45.757617-37.092618-82.851451-82.849018-82.851451z" p-id="3870" id="xx2"></path><path  d="M511.483068 206.126995l157.339548 157.339548-31.693414 31.693414-125.646134-125.647351-125.647351 125.647351-31.693413-31.693414zM261.240476 754.745252h500.485184v44.821057H261.240476z" p-id="3871"></path><path d="M489.072539 231.0711h44.821058v453.356785h-44.821058z" id="d" p-id="3872"></path></svg>待出库</span>
                    <span class="col-md-1"><svg  t="1576135071515" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2321" width="30" height="30"><path d="M1024.512 498.688c0-1.536 0-3.072-0.512-5.12-1.024-6.144-4.608-11.776-9.216-15.36l-258.048-258.048c-10.24-10.24-26.112-10.24-36.352 0s-10.24 26.112 0 36.352l216.576 216.576h-912.384c-13.312 0-24.576 11.264-24.576 25.6s10.752 25.6 24.576 25.6h912.384l-216.576 216.576c-10.24 10.24-10.24 26.112 0 36.352 5.12 5.12 11.776 7.68 17.92 7.68s13.312-2.56 17.92-7.68L1014.272 519.168c4.608-3.584 8.192-9.216 9.216-15.36 1.024-2.048 1.024-3.584 1.024-5.12z" id="x1" p-id="2322"></path></svg></span>
                    <span class="col-md-1"><svg t="1576135665593" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4637" width="30" height="30"><path d="M518.183677 0.000139c-45.510159-0.149004-64.540132 106.942489-64.540132 148.237956l-1.277179 228.870549L61.634613 641.825361l0.319295 108.624108 401.949644-186.446906 13.176234 297.455083-164.181412 110.688882 0.298009 51.172321 198.452393-44.509702 196.366333 45.190865-0.149004-51.257467-147.471648-111.306185 9.429841-293.197818 392.498517 183.807402-0.298009-108.602822L584.511861 378.513541l1.596474-229.785861C585.980617 107.240636 563.693836 0.000139 518.183677 0.000139z" id="x2" p-id="4638"></path></svg>发货</span>
                    <span class="col-md-1"><svg t="1576135071515" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2321" width="30" height="30"><path d="M1024.512 498.688c0-1.536 0-3.072-0.512-5.12-1.024-6.144-4.608-11.776-9.216-15.36l-258.048-258.048c-10.24-10.24-26.112-10.24-36.352 0s-10.24 26.112 0 36.352l216.576 216.576h-912.384c-13.312 0-24.576 11.264-24.576 25.6s10.752 25.6 24.576 25.6h912.384l-216.576 216.576c-10.24 10.24-10.24 26.112 0 36.352 5.12 5.12 11.776 7.68 17.92 7.68s13.312-2.56 17.92-7.68L1014.272 519.168c4.608-3.584 8.192-9.216 9.216-15.36 1.024-2.048 1.024-3.584 1.024-5.12z" id="x3" p-id="2322"></path></svg></span>
                    <span class="col-md-1"><svg t="1576135709023" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5434" width="30" height="30"><path d="M301.62206 602.947362l147.201573 130.527822c0.687662 1.059122 1.623987 2.558265 3.245927 3.996011 6.934946 6.120394 16.115026 9.494235 26.543539 9.494235l1.063215 0c9.865695 0 19.10922-3.373841 26.104541-9.556657 1.62501-1.500167 2.623757-2.998287 3.436262-4.432962l233.511311-263.297708c7.245008-6.434549 11.242042-15.114233 11.242042-24.358781 0-9.242502-3.997034-17.859763-11.242042-24.353664-14.116509-12.366655-37.409005-13.117762-52.895721 0.74906L478.11475 664.278195 353.770767 554.169425c-14.116509-12.428054-38.159088-12.428054-52.148707 0-7.30743 6.435573-11.304464 15.178701-11.304464 24.421202S294.315654 596.514859 301.62206 602.947362zM849.634252 92.703355c-11.865235-17.799388-31.849382-28.478612-53.209876-28.478612L225.353003 64.224744c-21.361517 0-41.345664 10.679223-53.210899 28.478612L64.042083 255.878738l0 639.621633c0 35.164894 28.791743 63.952544 63.952544 63.952544l767.31899 0c35.160801 0 63.952544-28.78765 63.952544-63.952544L959.266162 255.878738 849.634252 92.703355zM895.313617 895.500371 127.994628 895.500371 127.994628 319.830259l767.31899 0L895.313617 895.500371zM127.994628 255.878738l93.547583-127.289058 582.125127-0.500397 91.64628 127.789455L127.994628 255.878738z" id="x4" p-id="5435"></path></svg>收货</span>
                    <span class="col-md-1"><svg t="1576135071515" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2321" width="30" height="30"><path d="M1024.512 498.688c0-1.536 0-3.072-0.512-5.12-1.024-6.144-4.608-11.776-9.216-15.36l-258.048-258.048c-10.24-10.24-26.112-10.24-36.352 0s-10.24 26.112 0 36.352l216.576 216.576h-912.384c-13.312 0-24.576 11.264-24.576 25.6s10.752 25.6 24.576 25.6h912.384l-216.576 216.576c-10.24 10.24-10.24 26.112 0 36.352 5.12 5.12 11.776 7.68 17.92 7.68s13.312-2.56 17.92-7.68L1014.272 519.168c4.608-3.584 8.192-9.216 9.216-15.36 1.024-2.048 1.024-3.584 1.024-5.12z" id="x5" p-id="2322"></path></svg></span>
                    <span class="col-md-1"><svg t="1576135786605" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6173" width="30" height="30"><path d="M736 336zM336 736h-0.01 0.02-0.01zM688 736h0.01-0.01zM736 688z" id="y2" fill="#666666" p-id="6174"></path><path d="M512 64C264.58 64 64 264.58 64 512s200.58 448 448 448 448-200.57 448-448S759.42 64 512 64z m220.62 346.18L472.4 670.39a40 40 0 0 1-56.57 0L291.38 545.94a40 40 0 0 1 0-56.57 40 40 0 0 1 56.57 0l96.17 96.17 231.93-231.93a40 40 0 0 1 56.57 0 40 40 0 0 1 0 56.57z" id="y1" fill="#999999" p-id="6175"></path><path d="M732.62 353.61a40 40 0 0 0-56.57 0L444.12 585.54 348 489.37a40 40 0 0 0-56.57 0 40 40 0 0 0 0 56.57l124.4 124.45a40 40 0 0 0 56.57 0l260.22-260.21a40 40 0 0 0 0-56.57z" fill="#FFFFFF" id="x6" p-id="6176"></path></svg>完成</span>
                    <span class="col-md-1"></span>
                </div>
                <div class="col-md-6"></div>
            </div>

            <hr>
            <ul class="sm-block-grid-1 md-block-grid-3 am-margin am-padding am-text-left" >
                <li>
                    <ul style="list-style: none">
                        <li>单号：{{order.code}}</li>
                        <li>制单人：{{order.single}}</li>
                        <li>提交时间：{{order.createDate}}</li>
                    </ul>
                </li>
                <li>
                    <ul style="list-style: none">
                        <li>客户名称：{{user.name}}</li>
                        <li>客户区域：{{user.regionA}}</li>
                        <li>单据状态：{{order.orderStaIdA}}</li>
                    </ul>
                </li>
                <li>
                    <ul style="list-style: none">
                        <li>已收款：￥{{order.rAmount}}</li>
                        <li>已审核：￥{{num == null ? 0 : num}}</li>
                        <li>应收款：￥{{order.amount}}</li>
                    </ul>
                </li>
            </ul>
            <div class="am-tabs-bd" style="-ms-content-zooming: none; -ms-user-select: none; -ms-touch-select: none; touch-action: pan-y; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                <div  class="am-tab-panel am-fade " :class="{'am-active am-in':order.orderStaId==7 && order.orderStaId!=6 || order.orderStaId==1 ||  order.orderStaId==14}" id="tab1">
                    <div class="am-g">
                        <div class="col-md-10">
                            <h5>|订货清单</h5>
                        </div>
                    </div>
                    <table class="am-table am-table-bd">
                        <thead>
                        <tr class="am-g">
                            <th class=" col-md-2 am-text-middle th-box">序号</th>
                            <th class="table-date col-md-1 am-text-middle th-box">规格图</th>
                            <th class="table-title col-md-2 am-text-middle th-box">商品名称/商品编号</th>
                            <th class="table-type col-md-1 am-text-middle th-box">数量</th>
                            <th class="table-author col-md-1 am-text-middle th-box">单价</th>
                            <th class="table-author col-md-2 am-text-middle th-box">单位</th>
                            <th class="table-set col-md-1 am-text-middle th-box">小计</th>
                            <th class="table-set col-md-2 am-text-middle th-box">备注</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-show="state1">
                            <td colspan="9" style="text-align: center">
                                <h1 style="color: #0bb59b">没有找到清单~</h1>
                            </td>
                        </tr>
                        <tr class="am-g"  v-for="(val,i,index) in Wares">
                            <td style="vertical-align: middle;text-align: center" class="td-box">{{index+1}}</td>
                            <td style="vertical-align: middle;text-align: center" class="td-box"><img :src="'http://192.168.2.80:5050/images/tpo/'+val.log" /></td>
                            <td style="vertical-align: middle;text-align: center" class="td-box">{{val.name}}/{{val.id}}</td>
                            <td style="vertical-align: middle;text-align: center" class="td-box"><span  type="number" class="num">{{val.quantity}}</span></td>
                            <td style="vertical-align: middle;text-align: center" class="td-box"  ><span class="td1">{{val.bPrice}}</span></td>
                            <td style="vertical-align: middle;text-align: center" class="td-box">{{val.unit}}</td>
                            <td style="vertical-align: middle;text-align: center" class="td-box"><span class="span1">{{val.quantity==null ? 0 : val.bPrice * val.quantity}}</span></td>
                            <td style="vertical-align: middle;text-align: center" class="td-box"><span>{{val.remark}}</span></td>
                        </tr>

                        <tr style="border: #D8D8D8 2px solid">
                            <td colspan="10">
                                <div class="am-g">
                                    <div class="col-lg-push-9 col-lg-2 am-text-right">
                                        <p><small class="am-form-help" style="display: inline">(清单数量：{{size}})</small>总额：</p>
                                    </div>
                                    <div class="col-lg-1 am-text-left">
                                        <span>￥{{order.amount}}</span>
                                    </div>
                                </div>
                                <div class="am-g">
                                    <div class="col-lg-push-9 col-lg-2 am-text-right">
                                        <p>运费：</p>
                                    </div>
                                    <div class="col-lg-1 am-text-left">
                                        <span>￥{{order.deliveryCost}}</span>
                                    </div>
                                </div><div class="am-g">
                                <div class="col-lg-push-9 col-lg-2 am-text-right">
                                    <p>订单总额：</p>
                                </div>
                                <div class="col-lg-1 am-text-left">
                                    <span>￥{{order.amount}}</span>
                                </div>
                            </div><div class="am-g">
                                <div class="col-lg-push-9 col-lg-2 am-text-right">
                                    <p>应收金额：</p>
                                </div>
                                <div class="col-lg-1 am-text-left">
                                    <span>￥{{order.amount}}</span>
                                </div>
                            </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>

                    <div class="am-margin">
                        <p>配送方式:快递</p>
                        <p>收货地址:  收件人：{{user.name}} 联系电话：{{user.handset}} 收货地址：{{order.address}}</p>
                        <p>交货日期: {{order.planDate}}</p>
                        <p>备注说明: {{order.remark}}</p>
<!--                        <p>附件信息: <a href="javascript:document.getElementById('fujian').onclick">添加附件</a><input type="file" id="fujian" style="display: none"></p>-->
                    </div>

                    <hr>

                    <div class="am-g am-text-right">
                        <button @click="click1(14)" v-show="order.orderStaId != 14" type="button" v-show="order.orderStaId!=14" class="am-btn am-btn-default am-margin-right-sm">作废订货单</button>
                        <button  @click="tiao()" v-show="order.orderStaId==14 || order.orderStaId==15"  type="button" class="am-btn am-btn-secondary">返回</button>
                        <button @click="click1(15,15)" type="button" v-show="order.orderStaId != 14 && order.orderStaId != 15" class="am-btn am-btn-default">强制完成</button>
                        <button  v-show="order.orderStaId==7" @click="click1(8)" type="button" class="am-btn am-btn-secondary am-margin-right-lg">订单审核</button>
                        <button @click="click1(7)" type="button" v-show="order.orderStaId!=14 && order.orderStaId==1" class="am-btn am-btn-secondary am-margin-right-sm">提交</button>
                    </div>
                </div>

                <div class="am-tab-panel am-fade" :class="{'am-active am-in':order.orderStaId!=7 && order.orderStaId==8}" id="tab2">

                    <div class="am-g">
                        <div class="col-lg-2">
                            <h5>|收款记录</h5>
                        </div>
                        <div class="am-g am-text-right">
                            <button type="button" v-show="order.orderStaId!=14 && order.orderStaId!=15" class="am-btn am-btn-primary" @click="addsoukuan()">添加收款</button>
                        </div>
                    </div>

                    <table class="am-table am-table-bd" style="border: #D8D8D8 2px solid;vertical-align: middle;text-align: center;margin: 0 20px">

                        <tr style="background-color: #D8D8D8">
                            <th>序号</th>
                            <th>支付方式</th>
                            <th>收款金额</th>
                            <th>收款时间</th>
                            <th>状态</th>
                            <th>备注</th>
                            <th>操作</th>

                        </tr>
                        <tr v-for="(ss,i) in list">
                            <td style="vertical-align: middle" v-cloak>{{i+1}}</td>
                            <td style="vertical-align: middle" v-cloak v-if="ss.payway==15">支付宝</td>
                            <td style="vertical-align: middle" v-cloak v-if="ss.payway==16">线下支付</td>
                            <td style="vertical-align: middle" v-cloak>{{ss.amount}}</td>
                            <td style="vertical-align: middle" v-cloak>{{ss.receTime}}</td>
                            <!--<td style="vertical-align: middle" v-cloak>2019-6-22-20:15:30</td>-->
                            <td style="vertical-align: middle" v-cloak v-if="ss.receiptSta==2">待审核</td>
                            <td style="vertical-align: middle;color: #adadad" v-cloak v-if="ss.receiptSta==14" >已作废</td>
                            <td style="vertical-align: middle" v-cloak v-if="ss.receiptSta==15">已完成</td>
                            <td style="vertical-align: middle" v-cloak>{{ss.remarks}}</td>
                            <td style="vertical-align: middle" v-if="ss.receiptSta!=14&&ss.receiptSta!=15"><a href="javascript:void(0)"@click="kaishi(ss.code)">查看</a>&nbsp;&nbsp;<a href="javascript:void(0)" @click="zuofei(ss.code,ss.receiptSta,ss.amount)" >作废</a></td>
                            <td style="vertical-align: middle" v-else><a href="javascript:void(0)" @click="kaishi(ss.code)">查看</a></td>
                        </tr>
                    </table>
                    <hr>
                    <div class="am-g am-text-right">
                        <button @click="click1(14)" type="button" v-show="order.orderStaId != 14" class="am-btn am-btn-default">作废订货单</button>
                        <button v-show="order.orderStaId!=6 && order.orderStaId==8" @click="click1(6,15)"  type="button" class="am-btn am-btn-secondary am-margin-right-lg">财务审核</button>
                    </div>
                </div>

                <div class="am-tab-panel am-fade" id="tab3" :class="{'am-active am-in':order.orderStaId==6 || order.orderStaId==3 || order.orderStaId==4 || order.orderStaId==15}">
                    <div class="am-g">
                        <div class="col-md-2">
                            <h5>|出库商品清单</h5>
                        </div>
                    </div>
                    <table class="am-table am-table-bd" style="border: #D8D8D8 2px solid;vertical-align: middle;text-align: center;margin: 0 20px">
                        <tr class="am-g" style="background-color: #D8D8D8">
                            <th>序号</th>
                            <th class="table-date col-md-1 am-text-middle th-box">规格图</th>
                            <th>商品编号/商品名称</th>
                            <th>数量</th>
                            <th>单位</th>
                        </tr>
                        <tr class="am-g" v-for="(val,i) in Stock_list">
                            <td style="vertical-align: middle">{{i+1}}</td>
                            <td style="vertical-align: middle"><img  :src="'http://192.168.2.80:5050/images/tpo/'+val.log" /></td>
                            <td style="vertical-align: middle">
                                <p>{{val.waresId}}</p>
                                <p class="am-form-help">{{val.waresName}}</p>
                            </td>
                            <td style="vertical-align: middle">{{val.quantity}}</td>
                            <td style="vertical-align: middle">{{val.unit}}</td>
                        </tr>
                    </table>
                    <hr>
                    <div class="am-g am-text-right">
                        <button type="button" @click="click1(14)" v-show="order.orderStaId != 14" class="am-btn am-btn-default">作废订货单</button>
                        <button  @click="tiao()" v-show="order.orderStaId==14 || order.orderStaId==15"  type="button" class="am-btn am-btn-secondary">返回</button>
                        <button type="button" @click="click1(8,12)" v-show="order.orderStaId==6" class="am-btn am-btn-default">驳回</button>
                        <button type="button" @click="click1(3)" v-if="isShow(4)" v-show="stockOrder.statusId!=2 && order.orderStaId==6" class="am-btn am-btn-secondary">出库</button>
                        <button type="button" @click="updateNextStock_Order(3,6,1)" v-if="isShow(4)" v-show="stockOrder.statusId==2 && order.orderStaId==6"  class="am-btn am-btn-secondary">出库审核</button>
                        <button type="button" @click="click1(4)" v-if="isShow(4)" v-show="order.orderStaId==3" class="am-btn am-btn-secondary">发货</button>
                        <button type="button" @click="click1(15)" v-show="order.orderStaId==4" class="am-btn am-btn-secondary">确认收货</button>
                    </div>
                </div>

            </div>

        </div>

    </div>
    <div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm18">
        <div class="am-modal-dialog">
            <!--<div class="am-modal-hd">Amaze UI</div>-->
            <div class="pop-head tc">
                <div class="pop-tit" style="background-color: rgba(0,0,0,0.3)">收款单</div>
                <hr/>
            </div>


            <div class="am-g">
                <div class="col-lg-6">
                    <div class="am-g">
                        <div class="col-lg-6">
                            <table>
                                <tr>
                                    <td>单号</td>
                                </tr>
                                <tr>
                                    <td>客户名称</td>
                                </tr>
                                <tr>
                                    <td>收款金额</td>
                                </tr>
                                <tr>
                                    <td>备注</td>
                                </tr>
                                <tr>
                                    <td>收款时间</td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-lg-6">
                            <table>
                                <tr>
                                    <td v-cloak>{{dindanshow.code}}</td>
                                </tr>
                                <tr>
                                    <td v-cloak="dindanshow.userId">{{dindanshow.userId}}</td>
                                </tr>
                                <tr>
                                    <td style="color: red">￥{{dindanshow.amount}}</td>
                                </tr>
                                <tr>
                                    <td v-cloak>{{dindanshow.remarks}}</td>
                                </tr>
                                <tr>
                                    <td v-cloak>{{dindanshow.receTime}}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>


                <div class="col-lg-6">
                    <div class="am-g">
                        <div class="col-lg-6">
                            <table>
                                <tr>
                                    <td>状态</td>
                                </tr>
                                <tr>
                                    <td>收款用户</td>
                                </tr>
                                <tr>
                                    <td>收入类别</td>
                                </tr>
                                <tr>
                                    <td>审核时间</td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-lg-6">
                            <table>
                                <tr>
                                    <td v-if="dindanshow.receiptSta==12">待收款</td>
                                    <td v-else-if="dindanshow.receiptSta==14">已作废</td>
                                    <td v-else="dindanshow.receiptSta==15">已完成</td>
                                </tr>
                                <tr>
                                    <td v-if="dindanshow.account==1">账户1</td>
                                    <td v-else="dindanshow.account==2">账户2</td>
                                </tr>
                                <tr>
                                    <td v-if="dindanshow.type==1">销售输入</td>
                                    <td v-else-if="dindanshow.type==2">采购退货收入</td>
                                    <td v-else="dindanshow.type==3">其他收入</td>
                                </tr>
                                <tr>
                                    <td v-if="dindanshow.examineTime!=null" v-cloak>{{dindanshow.examineTime}}</td>
                                    <td v-else>待审核</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="am-g">
                    <div class="col-lg-12">
                        <div class="am-g">
                            <div class="col-lg-3">
                                <hr/>
                                <p>收款凭证</p>
                            </div>
                            <div class="col-lg-9">
                                <hr/>
                                <p v-cloak><a :href="'http://192.168.2.80:5050/images/tpo/'+dindanshow.voucher+''"><img width="80px" height="100px" :src="'http://192.168.2.80:5050/images/tpo/'+dindanshow.voucher+''"></a></p>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="am-g">
                    <div class="col-lg-12">
                        <div class="am-g">
                            <div class="col-lg-3">
                                <hr/>
                                <p>制单人</p>
                            </div>
                            <div class="col-lg-3">
                                <hr/>
                                <p v-cloak>{{dindanshow.maker}}</p>
                            </div>
                            <div class="col-lg-3">
                                <hr/>
                                <p>审核人</p>
                            </div>
                            <div class="col-lg-3">
                                <hr/>
                                <p v-if="dindanshow.examiner!=null" v-cloak>{{dindanshow.examiner}}</p>
                                <p v-else>待审核</p>
                            </div>
                        </div>
                    </div>
                </div>



                <div class="am-modal-footer">
                    <div class="am-g">
                        <div class="col-md-8"></div>
                        <!--<button type="button" @click="shenhe(dindanshow.id)" class="am-btn am-btn-secondary col-md-2" v-if="dindanshow.receiptSta==2">审核</button>-->
                        <button type="button"  @click="zuofei2(dindanshow.code,dindanshow.receiptSta,dindanshow.amount)" class="am-btn am-btn-secondary col-md-2" v-if="dindanshow.receiptSta==2">作废</button>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!--关联单号详情查看结束-->

    <!--新增弹框开始-->
    <div class="am-modal am-modal-confirm" tabindex="-1" id="kiritono17">
        <div class="am-modal-dialog">
            <form method="post" action="">

                <div class="pop-head tc">
                    <div class="pop-tit" style="background-color: rgba(0,0,0,0.3)" >新增收款单</div>
                    <hr/>
                </div>

                <div class="am-g">
                    <div class="col-lg-12">
                        <div class="am-g">
                            <div class="col-lg-3">
                                <p>
                                    客户:
                                </p>
                                <p>
                                    类别：
                                </p>
                                <p>
                                    收款账户：
                                </p>
                                <p>
                                    收款金额：
                                </p>
                                <p>
                                    收款时间：
                                </p>
                                <p>
                                    备注：
                                </p>
                            </div>
                            <div class="col-lg-9">
                                <p>{{user.name}}
                                    <select id="fukuanfang" size="1" style="width: 200px;display: none" >
                                        <option :value="user.id" v-cloak >{{user.name}}</option>
                                    </select>
                                </p>
                                <p>
                                    销售收入
                                    <select id="shoukuanleixin" size="1" style="width: 200px;display: none">
                                        <option value="1" >销售收入</option>
                                    </select>
                                </p>
                                <p>
                                    <select id="shoukuanzhuanghu" size="1" style="width: 200px">
                                        <option value="0"></option>
                                        <option value="1">收款账户1</option>
                                        <option value="2">收款账户2</option>
                                    </select>
                                </p>
                                <p>
                                    <!--//金额-->
                                    <input  type="text" id="shoukuanmoney" :placeholder="moneyplaceholder" v-model="money" @blur="inputChange(money)" style="width: 200px">
                                </p>
                                <p>
                                    <!--//时间-->
                                    <input type="date" id="shoukuanshijian" style="width: 200px">
                                </p>
                                <p>
                                    <!--备注-->
                                    <input type="text" id="shoukuanbeizhu" placeholder="此项可不进行填写" style="width: 200px">
                                </p>
                                <!--//收入凭证-->
                                <input type="file" style="display: none" id="tupian">
                                <ul class="sm-block-grid-2 md-block-grid-4 lg-block-grid-6 am-margin gallery-list" id="soua">
                                    <li id="last-li">
                                        <a href="javascript:upTupian()" >
                                            <svg t="1575879268907" class="icon am-img-thumbnail am-img-bdrs"
                                                 viewBox="0 0 1024 1024" version="1.1"
                                                 xmlns="http://www.w3.org/2000/svg" p-id="1707" width="100"
                                                 height="100">
                                                <path d="M915.084916 719.854978 810.23287 719.854978 810.23287 614.985536c0-23.303752-17.479093-40.782845-40.782845-40.782845s-40.782845 17.479093-40.782845 40.782845l0 110.696148L612.144326 725.681684c-23.303752 0-40.782845 17.479093-40.782845 40.782845s17.479093 40.782845 40.782845 40.782845l110.696148 0 0 110.678752c0 23.303752 17.479093 40.782845 40.782845 40.782845s40.782845-17.479093 40.782845-40.782845L804.406165 807.247374 915.084916 807.247374c23.304775 0 40.782845-17.47807 40.782845-40.782845C961.694467 743.160777 938.390715 719.854978 915.084916 719.854978L915.084916 719.854978 915.084916 719.854978zM506.427586 825.749774 506.427586 825.749774 141.658835 825.749774c-13.524015 0-23.675212-10.151197-23.675212-23.710005L117.983623 139.732461c0-13.533224 10.151197-23.684422 23.675212-23.684422l646.381593 0c13.505595 0 23.657816 10.151197 23.657816 23.684422l0 357.988324 0 0 0 0c0 13.524015 10.169617 23.676236 23.711028 23.676236 13.522991 0 23.675212-10.152221 23.675212-23.676236l0 0 0 0L859.084485 116.049063c0-27.073612-23.675212-50.759057-50.758034-50.759057L117.9826 65.290005c-27.065426 0-50.758034 23.685445-50.758034 50.759057L67.224566 825.749774c0 27.048029 23.692608 50.740638 50.758034 50.740638L506.427586 876.490412l0 0c13.522991 0 23.675212-10.169617 23.675212-23.692608C530.101775 835.883575 519.949554 825.749774 506.427586 825.749774L506.427586 825.749774 506.427586 825.749774zM501.447155 708.202591c17.479093-34.95614 58.261938-58.261938 99.044784-58.261938l46.608527 0 0-52.43421c0-46.609551 29.131481-87.392396 69.913303-104.870466l0 0 0 0-58.260915-174.774559L454.838627 580.028373l-58.261938-93.218078L181.028495 708.202591 501.447155 708.202591 501.447155 708.202591 501.447155 708.202591zM396.577712 335.331301c0-34.94693-29.130458-64.078411-64.086597-64.078411s-64.087621 29.131481-64.087621 64.078411c0 34.957163 29.130458 64.087621 64.087621 64.087621S396.577712 370.288464 396.577712 335.331301L396.577712 335.331301 396.577712 335.331301zM396.577712 335.331301"
                                                      p-id="1708"></path>
                                            </svg>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="am-modal-footer">
                    <span class="am-modal-btn" data-am-modal-cancel @click="qingkong()">取消</span>
                    <span class="am-btn" style="padding-left:50% ;padding-right: 50%;color: #0e93d7" data-am-modal-confirm @click="futianjia()">保存</span>
                </div>
            </form>
        </div>
    </div>

<!--    -->
</div>
</div>

<footer>
    <hr>
    <p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
</footer>


<script src="../../assets/js/zepto.min.js"></script>
<script src="../../assets/js/amazeui.min.js"></script>
<script src="../../assets/js/app.js"></script>
<script src="../../js/vue.js"></script>
<script src="../../js/axios.min.js"></script>
<script src="../../js/qiandel.js"></script>
<script type="text/javascript">
    Date.prototype.format = function(fmt) {
        var o = {
            "M+" : this.getMonth()+1,                 //月份
            "d+" : this.getDate(),                    //日
            "h+" : this.getHours(),                   //小时
            "m+" : this.getMinutes(),                 //分
            "s+" : this.getSeconds(),                 //秒
            "q+" : Math.floor((this.getMonth()+3)/3), //季度
            "S"  : this.getMilliseconds()             //毫秒
        };
        if(/(y+)/.test(fmt)) {
            fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
        }
        for(var k in o) {
            if(new RegExp("("+ k +")").test(fmt)){
                fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
            }
        }
        return fmt;
    }
    var id = sessionStorage["orderId"]

    $(function () {
        $("#x,#tab1").removeClass("am-active") //将初始加载的显示选框去掉
    });


    $(function () {
        $("#x,#tab1").removeClass("am-active");//将初始加载的显示选框去掉

        $('#tupian').on('change', function () {

            var filePath = $(this).val();         //获取到input的value，里面是文件的路径
            var fileFormat = filePath.substring(filePath.lastIndexOf(".")).toLowerCase();
            // 检查是否是图片
            if (!fileFormat.match(/.png|.jpg|.jpeg/)) {
                error_prompt_alert('上传错误,文件格式必须为：png/jpg/jpeg');
                return;
            }
            var src = window.URL.createObjectURL(this.files[0]); //转成可以在本地预览的格式
            var li = "<li>\n" +
                "<a href=\"#\">\n" +
                "<img class=\"am-img-thumbnail am-img-bdrs\" src='" + src + "' alt=\"\" />\n" +
                "</a>\n" +
                "</li>";
            $("#last-li").before(li);
            $("#last-li").remove();
        });
    });

    function upTupian() {
        $("#tupian").click();
    };


    let vue = new Vue({
        el:"#box1",
        data:{
            order:{},
            user:{},
            num:0, //待审核金额
            size:0, //订单明细条数
            DetailList:[], ///订单明细联合查询集合(暂时没用上)
            address:{},
            area:{"1":"华中","2":"华北","3":"华南","4":"华东","5":"西南","6":"西北","7":"东北"},
            state:{"1":"待提交","7":"待订单审核","8":"待财务审核","6":"待出库","3":"待发货","4":"待收货","15":"已完成","14":"已作废"},
            Wares:{},//展示清单 商品对象Map集合
            stockOrder:{},//出库单
            Stock_list:[],//出库清单明细
            state1:false,//无明细判断
            //kiritono17
            //订单 code
            code:'',
            list:[],
            money:'',
            //用于金额的输入框的提示
            moneyplaceholder:'单次最大金额为200000',
            //金额开关
            fumoney:false,
            dindanshow:'',
            amounts:0,
            adminname:'',
        },
        //方法区
        methods:{
            tiao(){
                window.location.href = "订货单.html"
            },
            selectOrder(){
                axios.get("/order/SelectOrder",{params:{id:id}}).then(res=>{
                    vue.order = res.data;
                    vue.changeState()
                    if(vue.order.orderStaId==8) { //流程到达审核
                        $("#o,#a,#b").attr("fill","#1296db")
                    }else if(vue.order.orderStaId==6){
                        $("#o,#a,#b,#c,#d,#xx1,#xx2").attr("fill","#1296db")
                    }else if(vue.order.orderStaId==7){
                        $("#o").attr("fill","#1296db")
                    }else if(vue.order.orderStaId==3){
                        $("#o,#a,#b,#c,#d,#xx1,#xx2,#x1").attr("fill","#1296db")
                    }else if(vue.order.orderStaId==4){
                        $("#o,#a,#b,#c,#d,#xx1,#xx2,#x1,#x2,#x3").attr("fill","#1296db")
                    }else if(vue.order.orderStaId==15){
                        $("#o,#a,#b,#c,#d,#xx1,#xx2,#x1,#x2,#x3,#x4,#x5,#x6").attr("fill","#1296db")
                        $("#y1,#y2").attr("fill","#2ecc71")
                    }
                    vue.selectShowWares() //根据订单号联合查询商品到 ShowWares 清单对象
                    vue.selectUser(vue.order.userId); //查询用户
                    vue.selectreceiptOrder(vue.order.code); //查询收款单
                    vue.SelectDetailList(vue.order.code); //查询订单明细条数
                    vue.selectStockOrder(vue.order.code);//查询订单关联的出库单

                    //订单 code
                    this.code=vue.order.code;
                    //kiritono17
                    //获取订单的全部收款单
                    axios.get("/finance/codeselectallreceipt",{params:{code:this.code}}).then(res=>{
                        this.list=res.data.obj;
                    }).catch(err=>{
                        alert("获取订单的全部收款单失败");
                    })
                })

                this.adminname=getCookie();
            },
            selectUser(id){//查询用户
                axios.get("/order/SelectUser",{params:{id:id}}).then(res=>{
                    vue.user = res.data;
                    vue.user.regionA = vue.area[vue.user.region]
                    vue.SelectDefalutAddress(vue.user.id); //查询默认地址
                }).catch(err=>{
                    alert("失败2")
                })
            },
            selectreceiptOrder(code){ //
                axios.get("/finance/selectallReceipt_ordermoney",{params:{code:code}}).then(res=>{
                    vue.num = res.data.obj;
                })
            },
            SelectDetailList(code){//查询订单明细条数
                axios.get("/order/SelectDetailList",{params:{orderId:code,type:1}}).then(res=>{
                    vue.size = res.data.length;
                }).catch(err=>{
                    alert("数量失败")
                })
            },
            SelectDefalutAddress(userId){//查询默认地址
                axios.get("/order/SelectDefalutAddress",{params:{uid:userId}}).then(res=>{
                    vue.address = res.data;
                }).catch(err=>{
                    alert("地址获取失败")
                })
            },
            selectShowWares(){ //根据订单号联合查询商品到 ShowWares 清单对象
                axios.get("/order/SelectDetailList",{params:{orderId:vue.order.code,type:1}}).then(res=>{
                    if(res.data != null && res.data != '') {
                        $.each(res.data, function (i, val) {
                            val.remark = val.brand
                            Vue.set(vue.Wares,val.id,val) //set  get 会触发
                        })
                    }else {
                        vue.state1 = true
                    }
                })
            },
            changeState(){
                vue.order.orderStaIdA = vue.state[vue.order.orderStaId]
            },
            click1(orderStaId,recStaId){ //订单改状态
                axios.get("/order/UpdateOrderState",{params:{orderStaId:orderStaId,recStaId:recStaId,id:vue.order.id}}).then(res=>{
                    if(res.data<0){
                        alert("订单状态修改失败")
                    }else {
                        if(orderStaId==8){ // 订单审核时出库单提交,如果出库单提交失败,订单审核状态要回退
                            vue.updateNextStock_Order(2,7);
                        }
                        if(orderStaId==4){// 订单改待收货状态时出库单改待收货状态,如果出库单修改失败,订单状态要回退
                            vue.updateNextStock_Order(4,3);
                        }
                        if(orderStaId==15 && recStaId!=15){
                            vue.updateNextStock_Order(15,4);
                        }
                        if(orderStaId==14){
                            vue.updateNextStock_Order(14,1);
                        }
                        vue.changeState()
                    }
                    // fill="#1296db"
                    vue.selectOrder()
                }).catch(err=>{
                    alert("订单状态修改请求失败")
                })
            },
            selectStockOrder(code){//查询订单关联的出库单
                axios.post("/wares/getStock_order",{relCode:code,pageSize:1,pageNum:1}).then(res=>{
                    if(res.data.obj.list != null && res.data.obj.list != '') {
                        vue.stockOrder = res.data.obj.list[0];
                        vue.getStock_list(vue.stockOrder.code); //查询出库清单明细
                    }
                })
            },
            updateNextStock_Order(status,orderStaId,pd){ //修改出库单状态
                var verifyDate = null;
                var verifier = null;
                if(pd == 1){
                    verifyDate = new Date().format("yyyy-MM-dd hh:mm:ss");
                    verifier = getCookie()
                }
                axios.post("/wares/nextStock_order",{bStatus:this.stockOrder.statusId,status:status,code:this.stockOrder.code,type:7,verifier:verifier,verifyDate:verifyDate}).then(res=>{
                    if(res.data == null){
                        axios.get("/order/UpdateOrderState",{params:{orderStaId:orderStaId,id:vue.order.id}}).then(res=>{
                            console.log("订单状态回退")
                        });
                        alert("出库单状态修改失败1")
                    }
                    vue.selectStockOrder(vue.order.code);
                }).catch(err=>{
                    axios.get("/order/UpdateOrderState",{params:{orderStaId:orderStaId,id:vue.order.id}}).then(res=>{
                        console.log("订单状态回退")
                    });
                    alert("可用库存不足,审核失败")
                    location.reload();
                })
            },
            getStock_list(code){
                axios.post("/wares/getStock_list",{stockCode:code}).then(res=>{
                    vue.Stock_list = res.data.obj
                })
            },
            /////////////***************************************
            zuofei(code,receiptSta,amount){
                // alert(code);
                axios.post("/finance/zuofei",{"code":code,"receiptSta":receiptSta}).then(res=>{
                    alert("作废成功！");
                    vue.addRAmount(amount,0)
                }).catch(err=>{
                    alert("收款单作废失败！")
                })
            },
            zuofei2(code,receiptSta,amount){
                // alert(code);
                axios.post("/finance/zuofei",{"code":code,"receiptSta":receiptSta}).then(res=>{
                    alert("作废成功！");
                    $('#my-confirm18').modal({ });
                    vue.addRAmount(amount,0)
                }).catch(err=>{
                    alert("收款单作废失败！")
                })
            },
            //添加收款单
            addsoukuan(){
                $('#kiritono17').modal({});
            },
            futianjia(){
                // var fushoukuanleixin=false;
                var fushoukuanzhuanghu=false;
                var fushoukuanshijian=false;
                var futupian=false;

                if($("#shoukuanzhuanghu").val()!=0&&$("#shoukuanzhuanghu").val()!=''){
                    fushoukuanzhuanghu=true;
                    $("#shoukuanzhuanghu")[0].style.border="1px solid #575757";
                }else{
                    $("#shoukuanzhuanghu")[0].style.border="1.5px solid red";
                }

                if($("#shoukuanshijian").val()!=0&&$("#shoukuanshijian").val()!=''){
                    fushoukuanshijian=true;
                    $("#shoukuanshijian")[0].style.border="1px solid #575757";
                }else{
                    $("#shoukuanshijian")[0].style.border="1.5px solid red";
                }

                if($("#tupian").val()!=0&&$("#tupian").val()!=''){
                    futupian=true;
                    $("#tupian")[0].style.border="1px solid #575757";
                }else{
                    $("#tupian")[0].style.border="1.5px solid red";
                }
                this.inputChange(this.money);
                if(fushoukuanzhuanghu&&fushoukuanshijian&&futupian&&this.fumoney){
                    this.add();
                    this.fumoney=false;
                    fushoukuanzhuanghu=false;
                    fushoukuanshijian=false;
                }else{
                    fushoukuanzhuanghu=false;
                    fushoukuanshijian=false;
                    alert("还有输入框未输入！或未加载图片！请输入/加载后在提交！");
                }

            },
            //执行新增操作
            add(){
                var json={
                    userId:this.user.id,
                    relcode:this.code,
                    amount:$("#shoukuanmoney").val(),//金额
                    type:$("#shoukuanleixin").val(),
                    account:$("#shoukuanzhuanghu").val(),
                    receTime:$("#shoukuanshijian").val(),
                    receiptSta:"2",
                    //制单人
                    maker:"在redis中获取制单人",
                    //支付方式
                    payway:"16",
                    //备注
                    remarks:$("#shoukuanbeizhu").val(),
                };
                var data=new FormData();
                data.append('json',JSON.stringify(json));
                data.append("file",$("#tupian")[0].files[0]);
                axios.post("/finance/addReceipt_order",data,{
                    'Content-Type':'multipart/form-data'
                }).then(response=>{
                    var xx = $("#shoukuanmoney").val()
                    var obj=response.data.obj;
                    if (obj==1){
                        // $("#fukuanfang").val("");
                        $("#shoukuanmoney").val('');//金额
                        // $("#shoukuanleixin").val('');
                        $("#shoukuanzhuanghu").val('');
                        $("#shoukuanshijian").val('');
                        $("#shoukuanbeizhu").val('');
                        $("#tupian").val('');
                        $("#soua").html(" <li id=\"last-li\">\n" +
                            "                                        <a href=\"javascript:upTupian()\" >\n" +
                            "                                            <svg t=\"1575879268907\" class=\"icon am-img-thumbnail am-img-bdrs\"\n" +
                            "                                                 viewBox=\"0 0 1024 1024\" version=\"1.1\"\n" +
                            "                                                 xmlns=\"http://www.w3.org/2000/svg\" p-id=\"1707\" width=\"100\"\n" +
                            "                                                 height=\"100\">\n" +
                            "                                                <path d=\"M915.084916 719.854978 810.23287 719.854978 810.23287 614.985536c0-23.303752-17.479093-40.782845-40.782845-40.782845s-40.782845 17.479093-40.782845 40.782845l0 110.696148L612.144326 725.681684c-23.303752 0-40.782845 17.479093-40.782845 40.782845s17.479093 40.782845 40.782845 40.782845l110.696148 0 0 110.678752c0 23.303752 17.479093 40.782845 40.782845 40.782845s40.782845-17.479093 40.782845-40.782845L804.406165 807.247374 915.084916 807.247374c23.304775 0 40.782845-17.47807 40.782845-40.782845C961.694467 743.160777 938.390715 719.854978 915.084916 719.854978L915.084916 719.854978 915.084916 719.854978zM506.427586 825.749774 506.427586 825.749774 141.658835 825.749774c-13.524015 0-23.675212-10.151197-23.675212-23.710005L117.983623 139.732461c0-13.533224 10.151197-23.684422 23.675212-23.684422l646.381593 0c13.505595 0 23.657816 10.151197 23.657816 23.684422l0 357.988324 0 0 0 0c0 13.524015 10.169617 23.676236 23.711028 23.676236 13.522991 0 23.675212-10.152221 23.675212-23.676236l0 0 0 0L859.084485 116.049063c0-27.073612-23.675212-50.759057-50.758034-50.759057L117.9826 65.290005c-27.065426 0-50.758034 23.685445-50.758034 50.759057L67.224566 825.749774c0 27.048029 23.692608 50.740638 50.758034 50.740638L506.427586 876.490412l0 0c13.522991 0 23.675212-10.169617 23.675212-23.692608C530.101775 835.883575 519.949554 825.749774 506.427586 825.749774L506.427586 825.749774 506.427586 825.749774zM501.447155 708.202591c17.479093-34.95614 58.261938-58.261938 99.044784-58.261938l46.608527 0 0-52.43421c0-46.609551 29.131481-87.392396 69.913303-104.870466l0 0 0 0-58.260915-174.774559L454.838627 580.028373l-58.261938-93.218078L181.028495 708.202591 501.447155 708.202591 501.447155 708.202591 501.447155 708.202591zM396.577712 335.331301c0-34.94693-29.130458-64.078411-64.086597-64.078411s-64.087621 29.131481-64.087621 64.078411c0 34.957163 29.130458 64.087621 64.087621 64.087621S396.577712 370.288464 396.577712 335.331301L396.577712 335.331301 396.577712 335.331301zM396.577712 335.331301\"\n" +
                            "                                                      p-id=\"1708\"></path>\n" +
                            "                                            </svg>\n" +
                            "                                        </a>\n" +
                            "                                    </li>");
                        $('#kiritono17').modal({});
                        vue.addRAmount(xx,1)
                    } else {
                        alert("添加失败！");
                    }
                })
            },
            //清空
            qingkong(){
                // $("#fukuanfang").val("");
                $("#shoukuanmoney").val('');//金额
                // $("#shoukuanleixin").val('');
                $("#shoukuanzhuanghu").val('');
                $("#shoukuanshijian").val('');
                $("#shoukuanbeizhu").val('');
                $("#tupian").val('');
                $("#soua").html(" <li id=\"last-li\">\n" +
                    "                                        <a href=\"javascript:upTupian()\" >\n" +
                    "                                            <svg t=\"1575879268907\" class=\"icon am-img-thumbnail am-img-bdrs\"\n" +
                    "                                                 viewBox=\"0 0 1024 1024\" version=\"1.1\"\n" +
                    "                                                 xmlns=\"http://www.w3.org/2000/svg\" p-id=\"1707\" width=\"100\"\n" +
                    "                                                 height=\"100\">\n" +
                    "                                                <path d=\"M915.084916 719.854978 810.23287 719.854978 810.23287 614.985536c0-23.303752-17.479093-40.782845-40.782845-40.782845s-40.782845 17.479093-40.782845 40.782845l0 110.696148L612.144326 725.681684c-23.303752 0-40.782845 17.479093-40.782845 40.782845s17.479093 40.782845 40.782845 40.782845l110.696148 0 0 110.678752c0 23.303752 17.479093 40.782845 40.782845 40.782845s40.782845-17.479093 40.782845-40.782845L804.406165 807.247374 915.084916 807.247374c23.304775 0 40.782845-17.47807 40.782845-40.782845C961.694467 743.160777 938.390715 719.854978 915.084916 719.854978L915.084916 719.854978 915.084916 719.854978zM506.427586 825.749774 506.427586 825.749774 141.658835 825.749774c-13.524015 0-23.675212-10.151197-23.675212-23.710005L117.983623 139.732461c0-13.533224 10.151197-23.684422 23.675212-23.684422l646.381593 0c13.505595 0 23.657816 10.151197 23.657816 23.684422l0 357.988324 0 0 0 0c0 13.524015 10.169617 23.676236 23.711028 23.676236 13.522991 0 23.675212-10.152221 23.675212-23.676236l0 0 0 0L859.084485 116.049063c0-27.073612-23.675212-50.759057-50.758034-50.759057L117.9826 65.290005c-27.065426 0-50.758034 23.685445-50.758034 50.759057L67.224566 825.749774c0 27.048029 23.692608 50.740638 50.758034 50.740638L506.427586 876.490412l0 0c13.522991 0 23.675212-10.169617 23.675212-23.692608C530.101775 835.883575 519.949554 825.749774 506.427586 825.749774L506.427586 825.749774 506.427586 825.749774zM501.447155 708.202591c17.479093-34.95614 58.261938-58.261938 99.044784-58.261938l46.608527 0 0-52.43421c0-46.609551 29.131481-87.392396 69.913303-104.870466l0 0 0 0-58.260915-174.774559L454.838627 580.028373l-58.261938-93.218078L181.028495 708.202591 501.447155 708.202591 501.447155 708.202591 501.447155 708.202591zM396.577712 335.331301c0-34.94693-29.130458-64.078411-64.086597-64.078411s-64.087621 29.131481-64.087621 64.078411c0 34.957163 29.130458 64.087621 64.087621 64.087621S396.577712 370.288464 396.577712 335.331301L396.577712 335.331301 396.577712 335.331301zM396.577712 335.331301\"\n" +
                    "                                                      p-id=\"1708\"></path>\n" +
                    "                                            </svg>\n" +
                    "                                        </a>\n" +
                    "                                    </li>");
                $('#kiritono17').modal({});
            },
            //金额输入验证
            inputChange(e){
                var obj = e;
                //如果用户第一位输入的是小数点，则重置输入框内容
                if (obj!= '' && obj.substring(0, 1) == '.') {
                    this.money= '';
                    this.moneyplaceholder='请输入正确格式如0.1';
                    $("#shoukuanmoney")[0].style.border="1.5px solid red";
                    this.fumoney=false;
                    return;
                }
                if(obj==0){
                    this.money='';
                    this.moneyplaceholder='金额必须大于0';
                    $("#shoukuanmoney")[0].style.border="1.5px solid red";
                    this.fumoney=false;
                    return;
                }
                $("#shoukuanmoney")[0].style.border="1px solid #575757";
                obj = obj.replace(/^0*(0\.|[1-9])/, '$1');//粘贴不生效
                obj = obj.replace(/[^\d.]/g, "");  //清除“数字”和“.”以外的字符
                obj = obj.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的
                obj = obj.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
                obj = obj.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');//只能输入两个小数
                if (obj.indexOf(".") < 0 && obj != "") {//以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
                    if (obj.substring(0, 1) == '0' && obj.length == 2) {
                        obj = obj.substring(1, obj.length);
                    }
                }
                if(parseFloat(obj)>200000){
                    obj = 200000;
                }
                this.fumoney=true;
                this.money=obj;
            },
            //收款单查寻
            kaishi(code){
                //用ajax查询其对应的订单内容
                axios.get("/finance/selectReceipt_order",{params:{code:code}}).then(res=>{
                    this.dindanshow=res.data.obj;
                }).catch(err=>{
                    alert("失败！")
                });

                $('#my-confirm18').modal({ });
            },
            addRAmount(rAmount,pd){ //对订单做收款改变
                var buyOrder = {}
                if(pd == 1){
                    buyOrder.rAmount = parseFloat(rAmount) + parseFloat(vue.order.rAmount)
                }else{
                    buyOrder.rAmount = parseFloat(vue.order.rAmount) - parseFloat(rAmount)
                }
                buyOrder.id = vue.order.id
                axios.post("/order/UpdateOrder2",buyOrder).then(res=>{
                    if(res.data<=0){
                        alert("订单收款改变失败!")
                    }
                    vue.selectOrder();
                })
            },
            isShow(v){
                for (var i=2;i<quan.length;i++){
                    if (v==quan[i])return true
                }
                return false
            },
        },
        //初始化生命周期
        mounted(){
            this.selectOrder();
        }
    })
</script>
</body>
</html>
